import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import postcssPresetEnv from 'postcss-preset-env'
import path from 'path'
import svgr from 'vite-plugin-svgr'

// https://vite.dev/config/
export default defineConfig({
  server: {
    port: 5174
  },
  plugins: [
    react(),
    svgr({
      include: "src/assets/svg/*.svg",
      svgrOptions: {
        // 配置选项（可选）
        icon: true,    // 允许修改 SVG 尺寸/颜色
        expandProps: 'end', // 将 props 展开到根元素
      }
    })],
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern-compiler'
      }
    },
    postcss: {
      // 自动添加浏览器前缀 使用css新特性 做兼容处理
      plugins: [postcssPresetEnv()]
    }
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
})
